<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<title>v-立即支付</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-shop-process.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header header2 min-w">
	<div class="wrap clearfix">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp search-r fr">
			<div class="search-form">
				<input type="text" class="search-text">
				<button class="v-btn search-button">搜索</button>
			</div>
		</div>
	</div>
</div>
<div class="content min-w">
	<div class="wrap">
		<div class="shopping-process wrap">
			<div class="my-shopping fl"><em class="v-icon pay-icon"></em>立即支付</div>
			<ul class="shopping-process-con fr">
				<li class="shopping-first">
					<em class="v-icon shopping-circle"></em>
					<span>查看购物车</span>
				</li>
				<li class="shopping-order">
					<em class="v-icon shopping-circle"></em>
					<span>填写订单</span>
				</li>
				<li class="shopping-last cur">
					<em class="v-icon shopping-circle"></em>
					<span>付款，完成购买</span>
				</li>
			</ul>
		</div>
		<div class="payoff-wrap">
			<h2 class="payoff-price">订单已提交成功，您还需支付<strong>￥1699.00</strong>， 请您尽快完成付款！</h2>
			<p class="payoff-info">收货信息：<span>张二小</span>  —  <span>北京市北京东城区安定门外大街185号京宝大厦304</span>，<span>123****6789</span></p>
			<p class="payoff-prompt">在线支付订单在12小时内未完成付款，将会被取消；包含特卖商品、超值区商品的订单在2小时内未完成付款，将会被取消。</p>
			<div class="payoff-way">
				<h3>支付方式：</h3>
				<div class="payoff-con clearfix">
					<div class="payoff-item selected">
						<span>支付宝支付</span>
						<em class="v-icon selected-i"></em>
					</div>
					<div class="payoff-item">
						<span>微信支付</span>
						<em class="v-icon selected-i"></em>
					</div>
					<div class="payoff-item">
						<span>V + 贵宾卡（余额：￥6273.00） </span>
						<em class="v-icon selected-i"></em>
					</div>
					<a href="javascript:;" class="payoff-add">立即充值</a>
					<p><button class="v-btn payoff-btn">立即支付</button></p>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="float-pop pop-payoff">
	<div class="div-pop"></div>
    <div class="pop-wrap">
    	<div class="pop-tit clearfix">
            <h3>支付<span class="payoff-sum">￥998.00</span></h3>
            <span class="v-icon close-icon fr">关闭</span>
        </div>
        <div class="pop-con">
           <div class="payoff-qr" style="display:block;">
           		<h4 class="payoff-tit">微信扫码支付</h4>
                <div class="payoff-img">
           			<img src="#">
                </div>
                <p><strong>25秒</strong>后二维码过期</p>
           </div>
           <div class="payoff-password" style="display:none;">
           		<h4 class="payoff-tit">请输入贵宾卡支付密码</h4>
                <div class="payoff-pwd">
                    <div class="payoff-pwd-item">
                        <span>5</span><span>5</span><span>5</span><span>5</span><span>5</span><span>5</span>
                    </div>
                    <div class="payoff-error payoff-pwd-error">
                    	<p>密码错误，请您核对后重新填写</p>
                        <a href="javascript:;" class="payoff-empty">清空</a>
                    </div>
                    <div class="payoff-error payoff-not-enough">
                    	<p>余额不足</p>
                        <a href="javascript:;" class="payoff-recharge">立即充值</a>
                    </div>
                </div>
                <div class="payoff-remainder clearfix">
                	<p class="fl">虎+贵宾卡余额：<strong>￥3364.00</strong></p>
                    <a href="javascript:;" class="forgot-pwd fr">忘记密码？</a>
                </div>
                <button class="v-btn payoff-certain">确定</button>
           </div>
        </div>
    </div>
</div>
<div class="float-pop pop-error-payoff">
	<div class="div-pop"></div>
    <div class="pop-wrap">
    	<div class="pop-tit clearfix">
            <h3>余额不足</h3>
            <span class="v-icon close-icon fr">关闭</span>
        </div>
        <div class="pop-con">
           <div class="error-top">
           		<span class="error-icon1"></span>
                <p class="error-p1">您当前余额不足，请立即充值</p>
           </div>
           <button class="v-btn btn-recharge1">立即充值</button>
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="../js/jquery-2.1.3.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/v-info.js"></script>
</body>
</html>